<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Bursa Komoditi Online</title>
<meta name="description" content="Bursa Komoditi Online" />
<link rel="stylesheet" href="images/style.css" media="all"/>
<style type="text/css" media="print">
<!--
/* It is common to set printer friendly styles such as a white background with black text. */
body {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
}
-->
</style>
<!--[if IE 5]>
<style type="text/css"> 
/* IE 5 does not use the standard box model, so the column widths are overidden to render the page correctly. */
#outerWrapper #contentWrapper #rightColumn1 {
  width: 220px;
}
</style>
<![endif]-->
<!--[if IE]>
<style type="text/css"> 
/* The proprietary zoom property gives IE the hasLayout property which addresses several bugs. */
#outerWrapper #contentWrapper #content {
  zoom: 1;
}
</style>
<![endif]-->
</head>
<body>
<div id="outerWrapper">
  <h1 id="title">Bursa Komoditi Online</h1>
  <div id="header">
  	  <div style="background:url(images/Left2.png) no-repeat;display:inline-block;border:0px solid red; height:35px;vertical-align:top;width:3px;"></div><div style="height:35px;background:url(images/Center.png)repeat-x;display:inline-block; width:1015px; border:0px solid red;">
          <ul>
			<li>
				<img src="images/home.png" height="30px" width="30px" align="top" style="position:absolute;top:25px;"/>&nbsp;
			</li>	
          	<li style="margin-left:20px;">
                <a href="#">Depan</a><span></span>
            </li>
            <li>
                <a href="#">Kategori Komoditas</a><span></span>
            </li>
            <li>
                <a href="#">Pendaftaran</a><span></span>
            </li>
            <li>
                <a href="#">Katalog</a><span></span>
            </li>
            <li>
                <a href="#">Jadwal Lelang</a><span></span>
            </li>
            <li>
                <a href="#">Panduan</a><span></span>
            </li>
            <li>
                <a href="#">Masuk</a><span></span>
            </li>
            <li id="search">
		<div class="search_field">
		    <input name="search" width="150px" /><button type="submit" onclick="alert('test')"><img src="images/search.png" alt="Search" align="absmiddle" /></button>
		</div>
            </li>
          </ul>
      </div><div style="background:url(images/Right2.png) no-repeat;display:inline-block;height:35px;border:0px solid red;vertical-align:top;width:6px;"></div>
  </div>
  <div style="margin:5px;">
  <span class="cff6600 bold rp10px">Selamat Datang, Franklin!</span><span class="c003366 rp10px bold"><img src="images/inbox.png" height="20px" width="20px" align="absmiddle" />&nbsp;(1 pesan baru)</span><span class="c800000 bold rp10px"><img src="images/logout.png" height="20px" width="20px" align="absmiddle" />&nbsp;Keluar</span><span class="right cff6600 bold rp10px">Anda terakhir berkunjung pada : 21 November 2011, pukul 17:20 GMT +7</span>
  </div>
  <div id="contentWrapper">
    <div id="rightColumn1">
      
    </div>
    <br class="clearFloat" />
  </div>
  <div id="footer"></div>
</div>
</body>
</html>
